<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>Welcome</title>
  <link rel="stylesheet" type="text/css" media="all"
  href="voce-resources://vendors/bootstrap/css/bootstrap.min.css"/>
  <link rel="stylesheet" type="text/css" media="all" href="voce-resources://css/style.css"/>
  <link rel="stylesheet" type="text/css" media="all" href="voce-resources://css/welcome.css"/>
  <script type="text/javascript" src="voce-resources://js/welcome.js"></script>

</head>

<body>
<!-- Hero section -->
<section id="hero">
    <nav class="navbar navbar-expand-lg p-0">
        <a class="navbar-brand" href="voce://welcome">
        <span class="font-weight-bold h3">Voce Browser 0.0.1</span>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"><i class="fa fa-2x fa-bars"></i></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Documentation</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Donate</a>
                </li>
                <li class="nav-item release" id="release-notes">
                    <a class="nav-link" href="#">Release notes</a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="hero-heading">
        <h1 class="font-weight-bold">Welcome to Voce Browser, your voice controlled browser!</h1>
        <p class="lead">
        Voce Browser is a free and advanced voice controlled browser.
        You are ready for the world's most pleasant voice controlled browsing experience.
        Voce Browser takes you browsing skills to the next level with easy and quick voice commads.</p>
    </div>
    <div class="row mgmt-links-wrapper">
        <div class="col-sm-6 col-md-4 col-lg-2">
            <a href="#" target="_blank">
                <div class="link-box">
                    <i class="fa fa-heart"></i>
                    <p>Explore</p>
                </div>
            </a>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-2">
            <a href="#" target="_blank">
                <div class="link-box">
                    <i class="fa fa-wrench"></i>
                    <p>Voce Assistant</p>
                </div>
            </a>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-2">
            <a href="#" target="_blank">
                <div class="link-box">
                    <i class="fa fa-users"></i>
                    <p>Core Features</p>
                </div>
            </a>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-2">
            <a href="#" target="_blank">
                <div class="link-box">
                    <i class="fa fa-share-alt"></i>
                    <p>Documentation</p>
                </div>
            </a>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-2">
            <a href="#" target="_blank">
                <div class="link-box">
                    <i class="fa fa-cart-plus"></i>
                    <p>Contribute</p>
                </div>
            </a>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-2">
            <a href="#" target="_blank">
                <div class="link-box">
                    <i class="fa fa-eye"></i>
                    <p>Release Notes</p>
                </div>
            </a>
        </div>
    </div>
    <div class="my-5">
    <p class="lead">The Voce Browser Project is a non-profit organization advancing human
    rights and freedoms by creating and deploying free and open source anonymity and privacy
    technologies, supporting their unrestricted availability and use, and furthering their
    scientific and popular understanding.
    </p>
    </div>
</section>
<!-- ./Hero section -->
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript" src="voce-resources://vendors/jquery/jquery-3.5.1.min.js"></script>
  <script type="text/javascript" src="voce-resources://vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script type="text/javascript" src="voce-resources://vendors/bootstrap/js/bootstrap.min.js"></script>

</body>
</html>